﻿<!DOCTYPE html>
<html>
  <head>
    <title>1.3闹钟响起</title>
    <meta http-equiv="X-UA-Compatible" content="IE=edge"/>
    <meta http-equiv="content-type" content="text/html; charset=utf-8"/>
    <meta name="apple-mobile-web-app-capable" content="yes"/>
    <link href="resources/css/jquery-ui-themes.css" type="text/css" rel="stylesheet"/>
    <link href="resources/css/axure_rp_page.css" type="text/css" rel="stylesheet"/>
    <link href="data/styles.css" type="text/css" rel="stylesheet"/>
    <link href="files/1_3闹钟响起/styles.css" type="text/css" rel="stylesheet"/>
    <script src="resources/scripts/jquery-1.7.1.min.js"></script>
    <script src="resources/scripts/jquery-ui-1.8.10.custom.min.js"></script>
    <script src="resources/scripts/prototypePre.js"></script>
    <script src="data/document.js"></script>
    <script src="resources/scripts/prototypePost.js"></script>
    <script src="files/1_3闹钟响起/data.js"></script>
    <script type="text/javascript">
      $axure.utils.getTransparentGifPath = function() { return 'resources/images/transparent.gif'; };
      $axure.utils.getOtherPath = function() { return 'resources/Other.html'; };
      $axure.utils.getReloadPath = function() { return 'resources/reload.html'; };
    </script>
  </head>
  <body>
    <div id="base" class="">

      <!-- Unnamed (组合) -->
      <div id="u2121" class="ax_default" data-left="86" data-top="91" data-width="379" data-height="667">

        <!-- Rectangle (矩形) -->
        <div id="u2122" class="ax_default _形状" data-label="Rectangle">
          <div id="u2122_div" class=""></div>
          <!-- Unnamed () -->
          <div id="u2123" class="text" style="display:none; visibility: hidden">
            <p><span></span></p>
          </div>
        </div>
      </div>

      <!-- Unnamed (矩形) -->
      <div id="u2124" class="ax_default _一级标题">
        <div id="u2124_div" class=""></div>
        <!-- Unnamed () -->
        <div id="u2125" class="text">
          <p><span>08 ：55</span></p>
        </div>
      </div>

      <!-- Unnamed (矩形) -->
      <div id="u2126" class="ax_default _二级标题">
        <div id="u2126_div" class=""></div>
        <!-- Unnamed () -->
        <div id="u2127" class="text">
          <p><span>28度 多云</span></p>
        </div>
      </div>

      <!-- Unnamed (矩形) -->
      <div id="u2128" class="ax_default _二级标题">
        <div id="u2128_div" class=""></div>
        <!-- Unnamed () -->
        <div id="u2129" class="text">
          <p><span>闹钟</span></p>
        </div>
      </div>

      <!-- Unnamed (矩形) -->
      <div id="u2130" class="ax_default primary_button">
        <div id="u2130_div" class=""></div>
        <!-- Unnamed () -->
        <div id="u2131" class="text">
          <p><span>点击屏幕小睡</span></p>
        </div>
      </div>

      <!-- Unnamed (形状) -->
      <div id="u2132" class="ax_default icon">
        <img id="u2132_img" class="img " src="images/1_3闹钟响起/u2132.png"/>
        <!-- Unnamed () -->
        <div id="u2133" class="text" style="display:none; visibility: hidden">
          <p><span></span></p>
        </div>
      </div>

      <!-- Unnamed (矩形) -->
      <div id="u2134" class="ax_default _二级标题">
        <div id="u2134_div" class=""></div>
        <!-- Unnamed () -->
        <div id="u2135" class="text">
          <p><span>滑动停止</span></p>
        </div>
      </div>

      <!-- Unnamed (矩形) -->
      <div id="u2136" class="ax_default label">
        <div id="u2136_div" class=""></div>
        <!-- Unnamed () -->
        <div id="u2137" class="text">
          <p><span>闹钟响起</span></p>
        </div>
      </div>

      <!-- Unnamed (矩形) -->
      <div id="u2138" class="ax_default box_1">
        <img id="u2138_img" class="img " src="images/1_3闹钟响起/u2138.png"/>
        <!-- Unnamed () -->
        <div id="u2139" class="text">
          <p><span>1. 闹铃声由弱至强响起。</span></p><p><span><br></span></p><p><span>2. 闹钟响起，根据当前时间，显示问候语：</span></p><p><span>&nbsp;上午7点01-9点&nbsp; —— 早上好！</span></p><p><span>&nbsp;上午9点01-12点——上午好！</span></p><p><span>&nbsp;下午12点01-6点——下午好！</span></p><p><span>&nbsp;下午6点01-上午2点 ——晚上好！</span></p><p><span>&nbsp;上午2点01-7点 ——上午好！</span></p><p><span><br></span></p><p><span>3. 显示当前时间，时间以用户手机系统时间为主。</span></p><p><span><br></span></p><p><span>4. 根据用户的定位，显示当地当前气温以及天气情况</span></p><p><span><br></span></p><p><span>5. 显示用户设定的闹钟标签。</span></p><p><span><br></span></p><p><span>6. 显示''点击屏幕小睡''按钮，提示用户点击屏幕任一位置即可进入小睡模式。</span></p><p><span><br></span></p><p><span>7. 用户从屏幕底部向上滑动，闹钟停止。</span></p><p><span><br></span></p><p><span>8. 屏幕背景显示当前天气情况。</span></p><p><span>&nbsp;多云 —— 白云密布</span></p><p><span>&nbsp;晴天 —— 太阳高照</span></p><p><span>&nbsp;阴天 —— 乌云密布</span></p><p><span>&nbsp;小雨天 —— 细雨绵绵</span></p><p><span>&nbsp;大雨天，台风天 —— 倾盆大雨</span></p>
        </div>
      </div>

      <!-- Unnamed (矩形) -->
      <div id="u2140" class="ax_default label">
        <div id="u2140_div" class=""></div>
        <!-- Unnamed () -->
        <div id="u2141" class="text">
          <p><span>闹钟响起</span></p>
        </div>
      </div>

      <!-- Unnamed (矩形) -->
      <div id="u2142" class="ax_default _二级标题">
        <div id="u2142_div" class=""></div>
        <!-- Unnamed () -->
        <div id="u2143" class="text">
          <p><span>早上好！</span></p>
        </div>
      </div>

      <!-- Unnamed (矩形) -->
      <div id="u2144" class="ax_default label">
        <div id="u2144_div" class=""></div>
        <!-- Unnamed () -->
        <div id="u2145" class="text">
          <p><span>闹钟响起-天气功能</span></p>
        </div>
      </div>

      <!-- Unnamed (矩形) -->
      <div id="u2146" class="ax_default box_1">
        <img id="u2146_img" class="img " src="images/1_3闹钟响起/u2146.png"/>
        <!-- Unnamed () -->
        <div id="u2147" class="text">
          <p><span>默认情况：</span></p><p><span>当闹铃响起时，天气模拟声以持续3秒以及间隔每3秒的时间伴随闹铃响起，直到用户开启''小睡模式''或''停止''方停止。</span></p><p><span><br></span></p><p><span>&nbsp;晴天——鸟叫</span></p><p><span>&nbsp;多云，阴天——雷声</span></p><p><span>&nbsp;下雨——雨声</span></p><p><span>&nbsp;雷阵雨——雨声+雷声</span></p><p><span>&nbsp;大风——风声</span></p><p><span>&nbsp;台风天——雨声+风声</span></p><p><span><br></span></p><p><span>具体设置见【2. 设置】-【2.5 天气预报】。</span></p>
        </div>
      </div>

      <!-- Unnamed (矩形) -->
      <div id="u2148" class="ax_default label">
        <div id="u2148_div" class=""></div>
        <!-- Unnamed () -->
        <div id="u2149" class="text">
          <p><span>闹钟响起-假日功能</span></p>
        </div>
      </div>

      <!-- Unnamed (矩形) -->
      <div id="u2150" class="ax_default box_1">
        <img id="u2150_img" class="img " src="images/1_3闹钟响起/u2150.png"/>
        <!-- Unnamed () -->
        <div id="u2151" class="text">
          <p><span>1. 根据用户设置，非节假日：</span></p><p><span>闹铃响起时伴随着用户手机LED灯闪烁；</span></p><p><span>闹铃声前两秒由弱变强响起。</span></p><p><span><br></span></p><p><span>2. 节假日：</span></p><p><span>闹铃响起，LED灯不闪烁。</span></p><p><span>闹铃声伴随铃声长度由弱变强响起。</span></p><p><span><br></span></p><p><span>具体设置见【2. 设置】-【2.3 假日闹钟】。</span></p>
        </div>
      </div>

      <!-- Unnamed (组合) -->
      <div id="u2152" class="ax_default" data-left="83" data-top="885" data-width="379" data-height="667">

        <!-- Rectangle (矩形) -->
        <div id="u2153" class="ax_default _形状" data-label="Rectangle">
          <div id="u2153_div" class=""></div>
          <!-- Unnamed () -->
          <div id="u2154" class="text" style="display:none; visibility: hidden">
            <p><span></span></p>
          </div>
        </div>
      </div>

      <!-- Unnamed (矩形) -->
      <div id="u2155" class="ax_default _一级标题">
        <div id="u2155_div" class=""></div>
        <!-- Unnamed () -->
        <div id="u2156" class="text">
          <p><span>08 ：55</span></p>
        </div>
      </div>

      <!-- Unnamed (矩形) -->
      <div id="u2157" class="ax_default _二级标题">
        <div id="u2157_div" class=""></div>
        <!-- Unnamed () -->
        <div id="u2158" class="text">
          <p><span>28度 多云</span></p>
        </div>
      </div>

      <!-- Unnamed (矩形) -->
      <div id="u2159" class="ax_default _二级标题">
        <div id="u2159_div" class=""></div>
        <!-- Unnamed () -->
        <div id="u2160" class="text">
          <p><span>闹钟</span></p>
        </div>
      </div>

      <!-- Unnamed (矩形) -->
      <div id="u2161" class="ax_default primary_button">
        <div id="u2161_div" class=""></div>
        <!-- Unnamed () -->
        <div id="u2162" class="text">
          <p><span>再小睡5:00</span></p>
        </div>
      </div>

      <!-- Unnamed (形状) -->
      <div id="u2163" class="ax_default icon">
        <img id="u2163_img" class="img " src="images/1_3闹钟响起/u2132.png"/>
        <!-- Unnamed () -->
        <div id="u2164" class="text" style="display:none; visibility: hidden">
          <p><span></span></p>
        </div>
      </div>

      <!-- Unnamed (矩形) -->
      <div id="u2165" class="ax_default _二级标题">
        <div id="u2165_div" class=""></div>
        <!-- Unnamed () -->
        <div id="u2166" class="text">
          <p><span>滑动已停止</span></p>
        </div>
      </div>

      <!-- Unnamed (矩形) -->
      <div id="u2167" class="ax_default _二级标题">
        <div id="u2167_div" class=""></div>
        <!-- Unnamed () -->
        <div id="u2168" class="text">
          <p><span>早上好！</span></p>
        </div>
      </div>

      <!-- Unnamed (矩形) -->
      <div id="u2169" class="ax_default label">
        <div id="u2169_div" class=""></div>
        <!-- Unnamed () -->
        <div id="u2170" class="text">
          <p><span>闹钟-延迟响起</span></p>
        </div>
      </div>

      <!-- Unnamed (矩形) -->
      <div id="u2171" class="ax_default label">
        <div id="u2171_div" class=""></div>
        <!-- Unnamed () -->
        <div id="u2172" class="text">
          <p><span>闹钟-小睡功能</span></p>
        </div>
      </div>

      <!-- Unnamed (矩形) -->
      <div id="u2173" class="ax_default box_1">
        <img id="u2173_img" class="img " src="images/1_3闹钟响起/u2173.png"/>
        <!-- Unnamed () -->
        <div id="u2174" class="text">
          <p><span>1. 在【闹钟响起】页面，用户可以点击屏幕任意位置或者按音量大小键延迟闹钟响起时间。此时所有闹钟叫醒动作停止，屏幕显示“再小睡 X分X秒”，并倒计时；计时结束时闹钟响起，显示【闹钟响起】页面，直至用户再次延迟/停止闹钟。</span></p><p><span><br></span></p><p><span>具体设置建【2.设置】-【2.2小睡】</span></p>
        </div>
      </div>

      <!-- Unnamed (组合) -->
      <div id="u2175" class="ax_default" data-left="98" data-top="97" data-width="368" data-height="40">

        <!-- Unnamed (组合) -->
        <div id="u2176" class="ax_default" data-left="98" data-top="97" data-width="368" data-height="40">

          <!-- Unnamed (矩形) -->
          <div id="u2177" class="ax_default _形状">
            <div id="u2177_div" class=""></div>
            <!-- Unnamed () -->
            <div id="u2178" class="text" style="display:none; visibility: hidden">
              <p><span></span></p>
            </div>
          </div>

          <!-- Unnamed (组合) -->
          <div id="u2179" class="ax_default" data-left="100" data-top="110" data-width="45" data-height="8">

            <!-- Unnamed (矩形) -->
            <div id="u2180" class="ax_default _形状">
              <div id="u2180_div" class=""></div>
              <!-- Unnamed () -->
              <div id="u2181" class="text" style="display:none; visibility: hidden">
                <p><span></span></p>
              </div>
            </div>

            <!-- Unnamed (矩形) -->
            <div id="u2182" class="ax_default _形状">
              <div id="u2182_div" class=""></div>
              <!-- Unnamed () -->
              <div id="u2183" class="text" style="display:none; visibility: hidden">
                <p><span></span></p>
              </div>
            </div>

            <!-- Unnamed (矩形) -->
            <div id="u2184" class="ax_default _形状">
              <div id="u2184_div" class=""></div>
              <!-- Unnamed () -->
              <div id="u2185" class="text" style="display:none; visibility: hidden">
                <p><span></span></p>
              </div>
            </div>

            <!-- Unnamed (矩形) -->
            <div id="u2186" class="ax_default _形状">
              <div id="u2186_div" class=""></div>
              <!-- Unnamed () -->
              <div id="u2187" class="text" style="display:none; visibility: hidden">
                <p><span></span></p>
              </div>
            </div>

            <!-- Unnamed (矩形) -->
            <div id="u2188" class="ax_default _形状">
              <div id="u2188_div" class=""></div>
              <!-- Unnamed () -->
              <div id="u2189" class="text" style="display:none; visibility: hidden">
                <p><span></span></p>
              </div>
            </div>
          </div>

          <!-- Unnamed (组合) -->
          <div id="u2190" class="ax_default" data-left="423" data-top="107" data-width="30" data-height="17">

            <!-- Unnamed (矩形) -->
            <div id="u2191" class="ax_default _形状">
              <div id="u2191_div" class=""></div>
              <!-- Unnamed () -->
              <div id="u2192" class="text" style="display:none; visibility: hidden">
                <p><span></span></p>
              </div>
            </div>

            <!-- Unnamed (矩形) -->
            <div id="u2193" class="ax_default _形状">
              <div id="u2193_div" class=""></div>
              <!-- Unnamed () -->
              <div id="u2194" class="text" style="display:none; visibility: hidden">
                <p><span></span></p>
              </div>
            </div>

            <!-- Unnamed (矩形) -->
            <div id="u2195" class="ax_default _形状">
              <div id="u2195_div" class=""></div>
              <!-- Unnamed () -->
              <div id="u2196" class="text" style="display:none; visibility: hidden">
                <p><span></span></p>
              </div>
            </div>
          </div>
        </div>

        <!-- Header 2 (矩形) -->
        <div id="u2197" class="ax_default _文本段落" data-label="Header 2">
          <div id="u2197_div" class=""></div>
          <!-- Unnamed () -->
          <div id="u2198" class="text">
            <p><span>100%</span></p>
          </div>
        </div>

        <!-- Header 2 (矩形) -->
        <div id="u2199" class="ax_default _文本段落" data-label="Header 2">
          <div id="u2199_div" class=""></div>
          <!-- Unnamed () -->
          <div id="u2200" class="text">
            <p><span>MUX</span></p>
          </div>
        </div>

        <!-- Header 2 (矩形) -->
        <div id="u2201" class="ax_default _文本段落" data-label="Header 2">
          <div id="u2201_div" class=""></div>
          <!-- Unnamed () -->
          <div id="u2202" class="text">
            <p><span>10:30 PM</span></p>
          </div>
        </div>
      </div>

      <!-- Unnamed (组合) -->
      <div id="u2203" class="ax_default" data-left="93" data-top="892" data-width="368" data-height="40">

        <!-- Unnamed (组合) -->
        <div id="u2204" class="ax_default" data-left="93" data-top="892" data-width="368" data-height="40">

          <!-- Unnamed (矩形) -->
          <div id="u2205" class="ax_default _形状">
            <div id="u2205_div" class=""></div>
            <!-- Unnamed () -->
            <div id="u2206" class="text" style="display:none; visibility: hidden">
              <p><span></span></p>
            </div>
          </div>

          <!-- Unnamed (组合) -->
          <div id="u2207" class="ax_default" data-left="95" data-top="905" data-width="45" data-height="8">

            <!-- Unnamed (矩形) -->
            <div id="u2208" class="ax_default _形状">
              <div id="u2208_div" class=""></div>
              <!-- Unnamed () -->
              <div id="u2209" class="text" style="display:none; visibility: hidden">
                <p><span></span></p>
              </div>
            </div>

            <!-- Unnamed (矩形) -->
            <div id="u2210" class="ax_default _形状">
              <div id="u2210_div" class=""></div>
              <!-- Unnamed () -->
              <div id="u2211" class="text" style="display:none; visibility: hidden">
                <p><span></span></p>
              </div>
            </div>

            <!-- Unnamed (矩形) -->
            <div id="u2212" class="ax_default _形状">
              <div id="u2212_div" class=""></div>
              <!-- Unnamed () -->
              <div id="u2213" class="text" style="display:none; visibility: hidden">
                <p><span></span></p>
              </div>
            </div>

            <!-- Unnamed (矩形) -->
            <div id="u2214" class="ax_default _形状">
              <div id="u2214_div" class=""></div>
              <!-- Unnamed () -->
              <div id="u2215" class="text" style="display:none; visibility: hidden">
                <p><span></span></p>
              </div>
            </div>

            <!-- Unnamed (矩形) -->
            <div id="u2216" class="ax_default _形状">
              <div id="u2216_div" class=""></div>
              <!-- Unnamed () -->
              <div id="u2217" class="text" style="display:none; visibility: hidden">
                <p><span></span></p>
              </div>
            </div>
          </div>

          <!-- Unnamed (组合) -->
          <div id="u2218" class="ax_default" data-left="418" data-top="902" data-width="30" data-height="17">

            <!-- Unnamed (矩形) -->
            <div id="u2219" class="ax_default _形状">
              <div id="u2219_div" class=""></div>
              <!-- Unnamed () -->
              <div id="u2220" class="text" style="display:none; visibility: hidden">
                <p><span></span></p>
              </div>
            </div>

            <!-- Unnamed (矩形) -->
            <div id="u2221" class="ax_default _形状">
              <div id="u2221_div" class=""></div>
              <!-- Unnamed () -->
              <div id="u2222" class="text" style="display:none; visibility: hidden">
                <p><span></span></p>
              </div>
            </div>

            <!-- Unnamed (矩形) -->
            <div id="u2223" class="ax_default _形状">
              <div id="u2223_div" class=""></div>
              <!-- Unnamed () -->
              <div id="u2224" class="text" style="display:none; visibility: hidden">
                <p><span></span></p>
              </div>
            </div>
          </div>
        </div>

        <!-- Header 2 (矩形) -->
        <div id="u2225" class="ax_default _文本段落" data-label="Header 2">
          <div id="u2225_div" class=""></div>
          <!-- Unnamed () -->
          <div id="u2226" class="text">
            <p><span>100%</span></p>
          </div>
        </div>

        <!-- Header 2 (矩形) -->
        <div id="u2227" class="ax_default _文本段落" data-label="Header 2">
          <div id="u2227_div" class=""></div>
          <!-- Unnamed () -->
          <div id="u2228" class="text">
            <p><span>MUX</span></p>
          </div>
        </div>

        <!-- Header 2 (矩形) -->
        <div id="u2229" class="ax_default _文本段落" data-label="Header 2">
          <div id="u2229_div" class=""></div>
          <!-- Unnamed () -->
          <div id="u2230" class="text">
            <p><span>10:30 PM</span></p>
          </div>
        </div>
      </div>
    </div>
  </body>
</html>
